<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>我的</title>
	<style type="text/css">
		@import url("css/flexbox.css");
		@import url("css/common.css");
	</style>
</head>
<body>
	<!-- topic：头部标题 -->
	<div class="topic flex-row justify-content-center align-items-center">
		个人中心
	</div>
	
	<!--上面的头像面版-->
	<div class="top-panel flex-row justify-content-center align-items-center">
		<div class="circle-user-photo flex-row justify-content-center align-items-center">
			<img src="img/g.jpg" >
		</div>
		<ul class="tab">
			<li>姓名：<span>张三</span></li>
			<li>学号：<span>235017000X</span></li>
		</ul>
	</div>
	
	
	<!-- 选课 -->
	<ul class="item-list">
	<a href="#">
		<li class="item">
			<div class="left">
				<img src="img/grzl.png" alt="">
				 个人资料
			 </div>
			 <div class="right">
				  &gt;
			 </div>
		</li>
	</a>
	<a href="#">
		<li class="item">
			<div class="left">
				<img src="img/mmxg.png" alt="">
				密码修改
			</div>
			<div class="right">
				 &gt;
			</div>
		</li>
	</a>
		<a href="#">
			<li class="item">
				<div class="left">
					<img src="img/kscj.png" alt="">
					考试成绩
				</div>
				<div class="right">
					 &gt;
				</div>
			</li>
		</a>
		<a href="#">
			<li class="item">
				<div class="left">
					<img src="img/gywm.png" alt="">
					关于我们
				</div>
				<div class="right">&gt;</div>
			</li>
		</a>
	<a href="#">
		<li class="item">
			<div class="left">
				<img src="img/yjfk%20.png" alt="">
				意见反馈
			</div>
			<div class="right">&gt;</div>
		</li>
	</a>
	</ul>


	<!--退出 -->
	<ul class="item-list" style="margin-top: 0.625rem;">
	<a href="#">
		<li class="item">
			<div class="left">
				<img src="img/tcdl%20-0.png" alt="">
				退出登录
			</div>
			<div class="right">&gt;</div>
		</li>
	</a>
	</ul>
	

	<!-- 底部 菜单：menu-->
	<ul class="bottom-menu flex-row justify-content-space-around align-items-center">
		<li>
			<a href="index.html">
			<img src="img/fuwu-0.png" >
			<spen>首页</spen>
			</a>
		</li>
		<li>
			<a href="information.html">
			<img src="img/xiaoxi-0.png" >
			<spen>消息</spen>
			</a>
		</li>
		<!-- <li>
			<a href="address-book.htlm">
			<img src="img/tongxunlu-0.png" >
			<spen>通讯录</spen>
			</a>
		</li> -->
		<li>
			<a href="me.html">
			<img src="img/wode-1.png" >
			<spen>我的</spen>
			</a>
		</li>
	</ul>
</body>

</html>